

$(() => {


  function editInit() {
    // console.log(1);
    // 请求文章类型
    $.ajax({
      url: bignews.category_list,
      success: function (res) {
        console.log(res);
        const htmlStr = template('cat_list', res)
        $('.category').html(htmlStr)
      }
    })
  }
  editInit()


  // 页面进来时通过url 上面参数获取文章
  let postId = itcast.getArguments(location.search).id
  console.log(postId);
  $.ajax({
    url: bignews.article_search,
    data: { id: postId },
    success: function (res) {
      console.log(res);
      // 文章标题
      $('.title').val(res.data.title)
      // 文章封面
      $('.article_cover').prop('src', res.data.cover)
      // 文章类别
      $('.category').val(res.data.categoryId)
      // 发布时间
      $('#articleDate').val(res.data.date)
      // 文章内容
      $('#mytextarea').val(res.data.content)


    }
  });






  // 初始化日期
  function dataInit() {
    // 发布日期
    // elem:指定的元素
    // options：配置选项
    // jeDate(elem, options)
    // articleDate和你的使用对象的id对应
    jeDate("#articleDate", {
      trigger: 'click',
      theme: { bgcolor: "#ff0000", pnColor: "#00DDAA" },//绿色主题
      format: "YYYY-MM-DD", // 年月日
      isinitVal: true
    })
  }
  dataInit()


  function textInit() {
    // 初始化富文本框--richTextBox
    tinymce.init({
      selector: '#mytextarea',
      height: '350px', // 高度
      language: 'zh_CN', // 语言，如果没有设置则默认为英文
      directionality: 'ltl', // 对齐方向
      browser_spellcheck: true, // 是否启用拼写检查
      contextmenu: false, // 右键菜单
      plugins: [ // 插件
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste imagetools wordcount",
        "code"
      ],
      // 下面是工具条
      toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",
    });
  }
  textInit()




  // 上传图片
  $('#inputCover').on('change', function () {
    //获取图片对象
    let myFile = $('#inputCover')[0].files[0]
    // 根据图片创建一个url 
    let url = URL.createObjectURL(myFile)
    // 将url 替换原来的图片 src
    $('.article_cover').attr('src', url)
  })

  // 点击修改
  $('.btn-edit').click(() => {
    // console.log(1);
    submin('已发布')
  })

  $('.btn-draft').click(() => {
    // console.log(1);
    submin('草稿')
  })


  function submin(state) {
    // 创建一个 FormData 对象
    const data = new FormData($('#form')[0])
    // console.log(data);
    // 追加一个修改后的内容  获取到当前的ID
    let postId = itcast.getArguments(location.search).id
    // 追加文章id 到data中去
    data.append('id', postId)
    // 追加文章状态
    data.append('content', tinyMCE.activeEditor.getContent())
    // 返送ajax 请求
    $.ajax({
      type: "post",
      url: bignews.article_edit,
      data,
      contentType: false,
      processData: false,
      success: function (res) {
        // console.log(res);
        if (res.code == 200) {
          // alert('修改成功')
          window.location.href = './article_list.html'
        }
      }
    });


  }






})